@charset "utf-8";
@media all and (max-width:1920px){
	.top2 .documentary-list ul { width: 4040px; }
	.top2 .documentary-list ul li { width: 250px;margin-right: 110px;}
	
	
}

@media all and (max-width:1600px){
	.home .title .p1 { font-size: 50px; }
	
	.footer { font-size: 18px; line-height: 30px;}
	.footer .d2 { font-size:15px;}
	
	.wzz .p1 { font-size:62px;}
	
	
}

@media all and (max-width:1500px){

	.wrap {width: 1100px;}
	.top_wrap{width: 1100px;}
	.home .title{width: 1100px;}
	
	
	.row6 .list { width: 1130px; height: 365px;}
	
	.home .row2 .box{font-size:16px; width: 88%;line-height:42px;}
	.home .row2 .list2{height:185px;}
	.home .row2 .list2 .li{font-size:22px;}
	.home .row2 .list2 .li .p2{font-size:16px;}
	
	.wzz .p1 { font-size:58px;}
	.wzz .p2{ font-size:46px;}
	
	.home .row1 .list {width:90%;height:480px;}
	.home .row1 .list .li .d2{ font-size:16px; height: 45px;}
	
	
	
	
    
}
@media all and (max-width:1440px){
	
	.home .title .p1 { font-size: 44px; }
	.home .title .p2 { font-size: 16px; line-height: 22px;}
	
	.footer { font-size: 15px; line-height: 26px;}
	.footer .d2 { font-size:13px;}

	.wzz .p1 { font-size:54px;}


}

@media all and (max-width:1366px){
	.home .row1 .list {height:460px;}
	.home .row1 .list .li .d2{ font-size:15px;}
	
}

@media all and (max-width:1280px){

	.home .title {width: 74%;}
	.wrap {width: 86%;}
	.top_wrap { width:86%;}
	
	.home .row2 .box {font-size:15px; line-height: 38px;}
	.home .row2 .list2 {height:170px;}
	.home .row2 .list2 .li{font-size:18px;}
	.home .row2 .list2 .li .p2{font-size:15px;}

	.home .row1 .list{ height: 440px; width: 90%; }
	
	.home .row1 .list .li .d1{font-size:24px;}
	.home .row1 .list .li .d2{font-size:18px; line-height: 24px;}
	.home .row1 .list .li .d3{font-size:14px; line-height: 26px; height: 130px;}
	
	.row3 .numBox .li .p1{font-size:30px; line-height: 40px; height: 40px;}
	.row3 .numBox .li .p2{font-size:14px;}
	
	
	.row5 .list {height:420px}
	.row5 .swiper-slide{font-size:18px;}
	
	.footer{width:94%;}

}

@media all and (max-width:1180px){
	.row6 .list .li .pic{height:142px;}
	.row6 .list{width:90%;}
}


/*mobile*/
@media all and (max-width:1030px){
	.map-pc-div { display:none}
	.map-phone-div { display:block}

	.top{margin-top:52px;}
	.home .title {text-align:center; margin-bottom: 32px;}
	.top_1 .top_2a { width:77%}
	.top_2a_1 ul li{padding:0 15px}

	
	.home .title .p1{font-size:26px; line-height: 38px;}
	.home .title .p2{font-size:15px;}
	.home .title .p2 span {display: inline-block; margin-right: 6px;}

	.home .row2{overflow: hidden}
	.home .row2 .box{width:90%;font-size:14px;padding:4% 4% 5% 4%}
	.home .row2 .list1 {padding:0 3% 5% 3%}
	.home .row2 .list2{height:135px;}
	.home .row2 .list2 .li{font-size:15px; line-height: 22px;background: #0e4063;}
	.home .row2 .list2 .li .p1 { color: #39f3ff;}
	.home .row2 .list2 .li .p2{ line-height: 24px; margin-top: 10px;color: #fefefe;}
	
	
	.row3 { padding-top: 55px;width:100%; overflow: hidden}
	.row3 .map{width:84%;}
	.row3 .numBox { width:100%}
	.row3 .numBox .li { background-size:1px;}
	.row3 .numBox .li .p1 { font-size:22px; height: 30px; line-height: 30px; margin-bottom: 0;}
	.row3 .numBox .li .p2 { font-size:14px; line-height: 24px;}
	
	.row4 { margin-bottom: 35px; padding-top: 55px; width: 100%; overflow: hidden}
	.bolang { height:450px; background-size: 150%}
	.top2 .documentary-list { width:100%; height: auto; }
	.documentary{ width:100%; overflow-x: auto; }
	.top2 .l-r-move-btn a{bottom:0}
	.top2 .documentary-list ul { width:3500px;}
	




	.top2 .documentary-list .d1 { font-size:20px; width: 90px; margin-bottom: 10px; height: 30px; line-height: 24px;}
	.top2 .documentary-list .d2{font-size:12px; line-height: 22px;}
	.top2 .documentary-list ul li { background-size:15px; margin-right: 60px}
	.row4 .list .swiper-slide:nth-of-type(even) {margin-top:0}
	.top2 .documentary-list ul li:nth-of-type(odd).seat-0 {margin-bottom:3px}
	
	
	
	
	.row6 {padding-bottom:42px; padding-top: 55px;width:100%; overflow: hidden}

	

	.row5 { width:100%; overflow: hidden}
	.row5 .list {height:auto; background: none}
	.row5 img {width:100%; height: auto;}
	.row5 .list p{border-top:0; margin-top: 0; width: 100%; padding-top: 10px;}
	.row5 .swiper-slide { font-size:16px; line-height: 22px;}
	.row5 .swiper-button-prev { display: none;}
	.row5 .swiper-button-next { display: none;}


	.home .row1{padding:55px 0 0 0;overflow: hidden}
	.home .row1 .list {width:96%; height: auto}
	.row1 .line { display:none;}
	.home .row1 .list .li { margin: 0 1% 2% 1%; height: 370px;border-radius:8px; border:1px solid #39f3ff;}
	.home .row1 .list .li .d1 { font-size:17px; line-height: 22px; color: #39f3ff;}
	.home .row1 .list .li .d2 { font-size:14px; line-height: 20px;color: #626d78;}
	.home .row1 .list .li .d3 { font-size:13px; line-height: 22px;color: #39f3ff;white-space:break-spaces}
		
	
	.footer{font-size:14px;}
	
	.l-r-move-btn {display:none}
}

@media all and (max-width:765px){
	
	.pc-div { display:none}
	.phone-div { display:block}
	


	.home .title .p2{font-size:12px;}
	.home .row2 .list2{height:auto;}
	.home .row2 .list2 .li{ float:inherit; width: 100%; margin-bottom: 8px; padding: 5% 0; border-radius: 5px}
	.home .row2 .box{ line-height: 30px;}
	.home .row2 .list1{padding:0 1% 5% 1%}
	
	.bolang { height:360px;}
	
	.row3 .numBox .li { width:50%; margin-bottom: 5%;}
}


@media all and (max-width:500px){
	.row3 .numBox .li .p1 { font-size:18px}

	
	.bolang { height:280px;}
	
	.home .row1 { margin-bottom:10%}
	.home .row1 .list { width: 91%; margin:0 0 0 9%;overflow-y:hidden; overflow-x:scroll;height:480px;}
	.home .row1 .listbx { width: 1200px;  height: 410px;}
	.home .row1 .list .li { width:280px; height: 100%; margin: 0 20px 0 0; padding: 2.8% 2.2% 3% 2.2%}
	.home .row1 .list .li .d3 { height:150px}
	.home .row1 .list .li:hover { border:0;box-shadow:0px 0px 0px #29a6b0;}
	
	.home .row3 .title {margin-bottom:30px}
	
	.row5 .swiper-slide{font-size:14px;}
	
	.row6 .list .li .pic{height:110px;}
	

.home .row1 .list::-webkit-scrollbar-track-piece {
    background-color: #68747f;
}	
.home .row1 .list::-webkit-scrollbar {
                /*滚动条整体样式*/
                width: 10px;
                /*高宽分别对应横竖滚动条的尺寸*/
                height: 2px;
            }
            
.home .row1 .list::-webkit-scrollbar-thumb {
                /*滚动条里面小方块*/
                border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
                background-color: #bbbbbb;
	height: 2px;
            }
            
.home .row1 .list::-webkit-scrollbar-track {
                /*滚动条里面轨道*/
                -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
                background: #68747f;
            }
	
	
	
	.row6 .list { width: 94%; margin-left: 6%; overflow-x:scroll; height: 100%}
	.row6 .listbo {width: 840px; height: 300px;}
	.row6 .list .li:after { opacity: 1; left: -3px; bottom: -3px; }
	.row6 .list .li {width:170px; height: 255px; margin:0 30px 0 10px;}
	.row6 .list .li .txt .p1{display:none}
	.row6 .list .li .txt .p1_2 {opacity:1; height:auto; margin-bottom: 5px; line-height: 18px;}
	.row6 .list .li .txt .p2 {line-height: 18px;}
	.row6 .list .li .txt .p3 {background: url(../images/pic08-on.png) no-repeat left center; margin-top: 6px; background-size: 22px;}


.row6 .list::-webkit-scrollbar {
                /*滚动条整体样式*/
                width: 10px;
                /*高宽分别对应横竖滚动条的尺寸*/
                height: 2px;
            }
            
.row6 .list::-webkit-scrollbar-thumb {
                /*滚动条里面小方块*/
                border-radius: 10px;
                background-color: #bbbbbb;
                background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
            }
            
.row6 .list::-webkit-scrollbar-track {
                /*滚动条里面轨道*/
                -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
                background: #68747f;
            }
	
}
@media all and (max-width:375px){

	
	.home .row1 .listbx { width: 1080px; }
	.home .row1 .list .li { width:250px;}
	
	
	.row6 .list .li {height:250px}
	.row6 .list .li .pic{height:105px;}
	
}
@media all and (max-width:320px){
	
}